@import"./reset";
@import"./common";
@import"./vw";
header{
    // width: vw(750);
    .top{
        width: vw(700);
        height: vw(57);
        margin: 0 auto;
        margin-top: vw(30);
        display: flex;
        justify-content: space-between;
        margin-bottom: vw(10);
        .top1{
            width: vw(120);
            height: vw(57);
            border: 1px solid #ff9344;
            border-radius: vw(20);
            font-size: vw(26);
            line-height: vw(60);
            text-align: center;
        }
        .top2 span{
            font-size: vw(26);
        }
        .top3 select{
            width: vw(150);
            border: 1px solid #ff9344;
            font-size: vw(26);
        }
    }
}
section{
    // width: vw(750);
    .banner{
        width: vw(700);
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        position: relative;
        img{
            width: vw(140);
        }
        .pages{
            position: absolute;
            left: vw(310);
            top:vw(185);
            display: flex;
            width: vw(80);
            justify-content: space-between;
            li{
                width: vw(14);
                height: vw(14);
                background: #fecaa2;
                border-radius: 50%;
                display: inline-block;
            }
            li:first-of-type{
                    background: #ff9344;
            }
        }
    }
    .banner-bot{
        width: vw(610);
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: vw(10);
        a{
        color: black;
        font-size: vw(26);
        }
    }
    .food{
        width: vw(700);
        height: vw(65);
        display: flex;
        justify-content: space-between;
        line-height: vw(57);
        margin: 0 auto;
        margin-top: vw(20);
        .left{
            display: flex;
        }
        .left img{
            width: vw(56);
            height: vw(56);
        }  
        .left span{
            font-size: vw(30);
            margin-left: vw(10);
            line-height: vw(65);
        }
        .right img{
            width: vw(25);
        }
        .right a{
            color: black;
            font-size: vw(24);
            line-height: vw(65);
        }
    } 
    .food-img{
        width: vw(700);
        height: vw(231);
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 auto;
        img{
            width: vw(148);
            height: vw(133);
        }
    } 
}